/**
 * @Title: index.js
 * @Description: index
 * @author: Fanchao
 * @date: 2020/8/2 4:41 下午
 * @version V1.0
 */
import React from 'react';
import styles from './index.less';
import { Form, Select } from 'antd';
import PropTypes from 'prop-types';

const { Option } = Select;
const FilterByState = ({ onChange }) => {
    return (
        <div className={styles.filterContainer}>
            <div className={styles.title}>状态筛选</div>
            <div className={styles.formSection}>
                <Select
                    className={styles.stateType}
                    defaultValue={'全部'}
                    onChange={(e) => {
                        onChange(e);
                    }}
                >
                    <Option value="全部">全部</Option>
                    <Option value="已完成">已完成</Option>
                    <Option value="待完成">待完成</Option>
                </Select>
            </div>
        </div>
    );
};
FilterByState.propTypes = {
    onChange: PropTypes.func.isRequired,
};
export default FilterByState;
